import React from 'react';
import { Col, Row, Image, Flex } from 'antd';
import gearbox1 from '../assets/productImg/gearbox1.jpg';
import gearbox2 from '../assets/productImg/gearbox2.jpg';
import gearbox3 from '../assets/productImg/gearbox3.png';
import gearbox4 from '../assets/productImg/gearbox4.png';
import gearbox5 from '../assets/productImg/gearbox5.png';
import gearbox6 from '../assets/productImg/gearbox6.png';
import gearbox7 from '../assets/productImg/gearbox7.png';
import gearbox8 from '../assets/productImg/gearbox8.png';
import gearbox9 from '../assets/productImg/gearbox9.png';
import gearbox10 from '../assets/productImg/gearbox10.png';
import './less/Gearbox.less';
const Gearbox = () => (
    <>

        <Row gutter={[32, 32]} justify={'center'}>
            <Col xl={10} lg={24} className='gutter-box imgPage'>
                <img alt='img' className='svimg' src={gearbox3} />
            </Col>
            <Col xl={10} lg={24} className='gutter-box imgPage'>
                <img alt='img' className='svimg' src={gearbox4} />
            </Col>
        </Row>


        <Row gutter={[32, 32]} justify={'center'}>
            <Col xl={9} lg={24} className="gutter-box imgPage" >
                <img alt='img' className='svimg' src={gearbox5} />
            </Col>
            <Col xl={11} lg={24} align="center" className="gutter-box imgPage">
                <img alt='img' className='svimg' src={gearbox9} />
            </Col>
        </Row>


        <Row gutter={[32, 32]} justify={'center'}>
            <Col xl={11} lg={24} className="gutter-box imgPage" >
                <img alt='img' className='svimg' src={gearbox10} />
            </Col>
            <Col xl={9} lg={24} align="center" className="gutter-box imgPage">
                <img alt='img' className='svimg' src={gearbox6} />
            </Col>
        </Row>


        <Row gutter={[32, 32]} justify={'center'}>
            <Col xl={11} lg={24} className="gutter-box imgPage" >
                <img alt='img' className='svimg' src={gearbox8} />
            </Col>
            <Col xl={9} lg={24} align="center" className="gutter-box imgPage">
                <img alt='img' className='svimg' src={gearbox2} />
            </Col>
        </Row>


        <Row gutter={[32, 32]} justify={'center'}>
            <Col xl={11} lg={24} className="gutter-box imgPage" >
                <img alt='img' className='svimg' src={gearbox1} />
            </Col>
            <Col xl={9} lg={24} align="center" className="gutter-box imgPage">
                <img alt='img' className='svimg' src={gearbox7} />
            </Col>
        </Row>


    </>
);

export default Gearbox;